<template>
  <div style="height:100%">
    <navbar :title="$t('successfully_submitted')" :backCallback="backHome"></navbar>
    <div class="faces" style="text-align: center;line-height:5;padding:12px;padding-top: 72px;">
      <div style="height: 100%;background: white;">
        <div style="padding-top:60px;">
          <img src="../../../static/images/subok.png" alt="" style="height:60px;width:60px;margin-top:30px">
        </div>
        <p style="color:#07c160">{{$t('submit_success_pending')}} ...</p>
        <van-button type="default" style="color:#B2AAAA" @click="backHome">{{$t('button_back')}}</van-button>
      </div>
    </div>
  </div>
</template>

<script>

export default {
    methods: {
        backHome() {
            this.$router.push({path: '/home'});
        }
    }

};
</script>

<style scoped lang="less">
.faces{
  height: calc(100vh - 84px);
}
  /deep/.van-button{
    border-radius: 20px;
    height: 32px;
    border-color: #B2AAAA;
    width: 90px;
  }
</style>
